<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>流浪动物救助系统</title>
    <link href="${path}/user/static/css/owl.carousel.css" rel="stylesheet">
    <link href="${path}/user/static/css/owl.theme.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/user/static/css/style.css" rel="stylesheet">
    <link href="${path}/user/static/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="${path}/user/css/bootstrap.css" type="text/css" media="all">
    <!-- Bootstrap-Core-CSS -->
    <link rel="stylesheet" href="${path}/user/css/font-awesome.css" type="text/css" media="all">
    <!-- Font-Awesome-Icons-CSS -->
    <link rel="stylesheet" href="${path}/user/css/owl.carousel.css" type="text/css" media="all" />
    <!-- Owl-Carousel-CSS -->
    <link rel="stylesheet" href="${path}/user/css/style.css" type="text/css" media="all" />
    <!-- Style-CSS -->
    <!-- //css files -->
    <!-- web fonts -->
    <!--<link href="http://fonts.googleapis.com/css?family=Molle:400i&amp;subset=latin-ext" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&amp;subset=latin-ext" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext"
        rel="stylesheet">-->
</head>

<body>
<!--头部-->
<jsp:include page="header.jsp"></jsp:include>

<!--幻灯片-->
<section class="ab_img">
    <img src="${path}/user/static/images/ab1.jpg">
</section>


<!-- Adopting -->
<div class="services" id="services">
    <div class="container">
        <div class="zi_bread">
            <div class="bread_con">
                <h3>动物领养</h3>
               <%-- <div class="curre">您当前位置：--%>
                   <%-- <a href="index.html">首页</a> >
                    <a href="adopt.html">动物领养</a>--%>
                    <!-- > <span>宠物常识</span>-->
                </div>
            </div>
        </div>
        <!--<h3 class="agile-title">Adopting</h3>-->
    <div class="mianb">
    <div class="new_con">
        <div class="container">
            <div class="row">
        <div class="w3_agile_services_grids">
           <%--<ul class="new_ul clearfix">--%>
               <ul>
            <c:forEach items="${pd.data}" var="e">
            <li>
            <div class="col-md-4 col-sm-4 col-xs-4 w3_agile_services_grid " data-aos="zoom-in">
                <div class="ih-item circle effect1 agile_services_grid">
                    <div class="spinner"></div>
                    <div class="img">
                        <a href="${path}/animal/selectAnimalByAId?aId=${e.aId}">
                            <img src="${path}/${e.aPicture}" alt=" " class="img-responsive" />
                        </a>
                    </div>
                </div>
                <fieldset>
                    <legend>${e.aName}</legend>
                    性别:${e.aSex}<br/>
                    发布机构：${e.uName}
                </fieldset>
            </div>
            </li>
            </c:forEach>
           </ul>



            <div class="clearfix"> </div>

        </div>

        </div>
        </div>

    </div>

    </div>

    </div>
<div class="page">
    <c:if test="${pd.page == 1}">
        <a href="" class="ye" disabled="disabled">上一页</a>
    </c:if>
    <c:if test="${pd.page > 1}">
        <a href="${path}/animal/selectAnimalsByPage?page=${pd.page-1}&pageSize=6" class="ye">上一页</a>
    </c:if>
    <c:if test="${pd.page > 1}">
        <a href="${path}/animal/selectAnimalsByPage?page=${pd.page-1}&pageSize=6">${pd.page -1 }</a>
    </c:if>
    <a href="" disabled="disabled" class="active">${pd.page}</a>
    <c:if test="${pd.page < pd.totalPage}">
        <%--<a href="${path}/knowledge/selectKnowledgesByPage?page=${pd.page+1}&pageSize=8">${pd.page +1 }">10</a>--%>
        <a href="${path}/animal/selectAnimalsByPage?page=${pd.page+1}&pageSize=6">${pd.page +1}</a>
    </c:if>
    <c:if test="${pd.page < pd.totalPage}">
        <a href="${path}/animal/selectAnimalsByPage?page=${pd.page+1}&pageSize=6"
           class="ye">下一页 </a>
    </c:if>
    <c:if test="${pd.page == pd.totalPage}">
        <a href=""disabled="disabled"
           class="ye">下一页 </a>
    </c:if>

</div>
    <!--<div class="w3l-img-side">
        <img src="images/cat11.png" alt="" />
    </div>
    <div class="w3l-img-side w3l-img-side2">
        <img src="images/cat1.png" alt="" />
    </div>-->

<!-- //Adopting -->
<!--联系我们-->
<jsp:include page="footer.jsp"></jsp:include>
<!--回到顶部-->
<a class="top"><span class="glyphicon glyphicon-menu-up jiantou"></span></a>
<script src="${path}/user/static/js/jquery-3.1.1.min.js"></script>
<script src="${path}/user/static/js/main.js"></script>
<script src="${path}/user/static/js/bootstrap.min.js"></script>
<script src="${path}/user/static/js/owl.carousel.js"></script>
</body>
</html>
